.projectListBox{
  h1 {
    font-weight: normal;
    width: 100%;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    color: rgb(102, 102, 102);
    display: inline-block;
    white-space: nowrap;
    border-bottom: 1px solid #e1e1e1;
    padding: 30px;
  } 
  .projectList{
    padding-left: 30px;
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    .projectItem{
      margin-right: 1.5em;
      background-color: #fff;
      padding: .3em;
      display: flex;
      flex-direction: column;
      cursor: pointer;
      .projectImage{
        width: 160px;
        height: 162px;
      }
      .projectButtom{
        display: flex;
        justify-content: space-between;
        .title{
          font-size: .9em;
          line-height: 2;
          color: #444;
          margin-block-start: 0em;
          margin-block-end: 0em;
          margin-inline-start: 0px;
          margin-inline-end: 0px;
        }
        .logout{
          font-family: "iconfont" !important;
          cursor: pointer;
          color: gray;
        }
      }
    }
  }
}

.project-setting {
  padding-left: 2.2em;
  .row {
    margin-bottom: 20px;
    .field {
      flex-basis: 118px;
      flex-grow: 0;
    }
    .logo {
      width: 4em;
      height: 4em;
      border-radius: .3em;
    }
    .content {
      flex: 1;
    }
    .userlist{
      display: flex;
      flex-wrap: wrap;
      .item {
        margin-right: .3em;
        padding: .2em .5em;
        border-radius: .7em;
        &:hover{
          background-color: gainsboro;
        }
        i {
          padding-left: .4em;
          padding-right: .2em;
          cursor: pointer;
          color: red;
          &:hover {
            font-weight: bold;
          }
        }
      }
    }
    .operate {
      flex-basis: 70px;
      flex-grow: 0;
      color: #0071cf;
      text-decoration: underline;
      cursor: pointer;
    }
  }
}
.project-setting-prop{
  h4 {
    font-size: 1.1rem;
  }
  p {
    color: #5c5c5c;
    font-size: .9em;
  }
}